<ui:composition 
      xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" 
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:p="http://primefaces.org/ui">
      
		<p:growl id="mensajeroError" showDetail="true" autoUpdate="true" life="4000"/> 
			
			
		<div class="div_formularioContrataciones" >
			<p:panelGrid id="gridFormGenerarFiscalizacion" layout="grid" styleClass="ui-panelgrid" >
			<p:row>
					<p:column colspan="4">
					    <p:fieldset legend="ALEATORIO" toggleable="true" toggleSpeed="500" style="width: 650px;" >
						<h:form id="idFormAleatorio">
					        <p:panelGrid id="gridAleatorio">
								<p:row>
									<p:column >
										<p:outputLabel  value="Fecha Desde"  styleClass="label"/>
									</p:column>
									<p:column>
										<p:calendar size="15" id="fecDesde" value="#{bandejaFiscalizacionBean.busquedaFiscalizacionDTO.fecDesde}" 
											navigator="true" pattern="dd/MM/yyyy" maxDate="#{repositorioDatos.maxDate}" yearRange="c-10:c+00"/>						
									</p:column>
										<p:column >
										<p:outputLabel  value="Fecha Hasta"  styleClass="label"/>
									</p:column>
									<p:column>
										<p:calendar size="15" id="fecHasta" value="#{bandejaFiscalizacionBean.busquedaFiscalizacionDTO.fecHasta}" 
											navigator="true" pattern="dd/MM/yyyy" maxDate="#{repositorioDatos.maxDate}" yearRange="c-10:c+00"/>					
									</p:column>
								</p:row>
								<p:row>
									<p:column colspan="4">
										<p:selectOneRadio id="customRadio" value="#{bandejaFiscalizacionBean.busquedaFiscalizacionDTO.tipoBusqueda}" layout="custom"  
											required="true" requiredMessage="Indique el Tipo de Busqueda Aleatoria">
								            <f:selectItem itemValue="#{rbSirenasUI['sirenas.ui.entidad.fiscalizar.busqueda.porcentaje']}"  styleClass="label"/>
								            <f:selectItem itemValue="#{rbSirenasUI['sirenas.ui.entidad.fiscalizar.busqueda.numero']}" styleClass="label" />
								        </p:selectOneRadio>
										<p:message for="customRadio" display="icon"/>
									</p:column>
								</p:row>
								<p:row>
									<p:column>
										<p:radioButton id="opt1" for="customRadio" itemIndex="0" />
									</p:column>
									<p:column>
										<h:outputLabel for="opt1" value="#{rbSirenasUI['sirenas.ui.entidad.fiscalizar.porcentaje.label']}"  styleClass="label"/>
								   	</p:column>	
									<p:column >
											<p:outputLabel value="Valor Númerico"  styleClass="label"/>
									</p:column>
									<p:column styleClass="celda">
											<p:inputText size="15" id="valorNumerico" value="#{bandejaFiscalizacionBean.busquedaFiscalizacionDTO.valorNumerico}"  required="true" 
												requiredMessage="#{rbSirenasUI['sirenas.ui.msj.valor_numerico.required']}" />
											<p:message for="valorNumerico" display="icon"/>
									</p:column>
								</p:row>
								<p:row>
									<p:column>
										<p:radioButton id="opt2" for="customRadio" itemIndex="1" />
									</p:column>
									<p:column>
										<h:outputLabel for="opt2" value="#{rbSirenasUI['sirenas.ui.entidad.fiscalizar.numero.label']}"  styleClass="label"/>
								   	</p:column>	
									<p:column >
												<p:outputLabel  value="Tipo Ficha"  styleClass="label"/>
									</p:column>
									<p:column>
										<p:selectOneMenu id="tipoFicha" style="width:140px"
											value="#{bandejaFiscalizacionBean.busquedaFiscalizacionDTO.tipoFicha}">
											<f:selectItems
												value="#{repositorioDatos.listaTipoFicha}" />
										</p:selectOneMenu>				
									</p:column>
								</p:row>	
								<p:row>
									<p:column  style="text-align:center"  colspan="6">
										<p:commandButton value="BUSCAR ALEATORIO" action="#{bandejaFiscalizacionBean.buscarFichaRegistradasAleatoria}" update="gridAleatorio"/>
									</p:column>
								</p:row>
					        </p:panelGrid>
					        </h:form>
					    </p:fieldset>
					</p:column>
				</p:row>
			
				<p:row>
					<p:column colspan="4">
						
					    <p:fieldset legend="PERSONALIZADO" toggleable="true" toggleSpeed="500" style="width: 650px;" collapsed="true" >
						<h:form id="idFormPersonalizado">
							<p:panelGrid>
								<p:row>
									<p:column >
										<p:outputLabel  value="RUC"  styleClass="label"/>
									</p:column>
									<p:column>
										<p:inputText size="15"  id="numRuc" value="#{bandejaFiscalizacionBean.busquedaFichaDTO.numRuc}" />						
									</p:column>
									<p:column >
										<p:outputLabel  value="Numero Documento"  styleClass="label"/>
									</p:column>
									<p:column>
										<p:inputText size="15"  id="documento" value="#{bandejaFiscalizacionBean.busquedaFichaDTO.numDocumento}" />						
									</p:column>
								</p:row>
								<p:row>
									<p:column >
										<p:outputLabel  value="Nombres"  styleClass="label"/>
									</p:column>
									<p:column>
										<p:inputText size="15"  id="nombres" value="#{bandejaFiscalizacionBean.busquedaFichaDTO.nombres}" />						
									</p:column>
									<p:column >
										<p:outputLabel  value="Apellido Paterno"  styleClass="label"/>
									</p:column>
									<p:column>
										<p:inputText size="15"  id="apPaterno" value="#{bandejaFiscalizacionBean.busquedaFichaDTO.apPaterno}" />						
									</p:column>
								</p:row>
								<p:row>
									<p:column >
										<p:outputLabel  value="Apellido Materno"  styleClass="label"/>
									</p:column>
									<p:column>
										<p:inputText size="15"  id="apMaterno" value="#{bandejaFiscalizacionBean.busquedaFichaDTO.apMaterno}" />						
									</p:column>
								</p:row>
								<p:row>
									<p:column  style="text-align:center"  colspan="6">
										<p:commandButton value="BUSCAR PERSONALIZADO" action="#{bandejaFiscalizacionBean.buscarFichaRegistradas}"/>
									</p:column>
								</p:row>
							</p:panelGrid>
						</h:form>
					    </p:fieldset>
					</p:column>
				</p:row>
				
				<p:row>
					<p:column colspan="4">
						<p:separator />
					</p:column>
				</p:row>
				
				<p:row>
					<p:column>
					</p:column>
				</p:row>
				
				<p:row>
					<p:column  style="text-align:center"  colspan="6">
						<p:commandButton  value="GENERAR FISCALIZACIÓN"  action="#{bandejaFiscalizacionBean.generarFiscalizacion}" 
							icon="ui-icon-disk" update="listaFichasFiscalizables" onclick="PF('bui').show()" oncomplete="PF('bui').hide()">		
													
						        <p:confirm header="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.header']}" 
						        	message="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.regficha.dec_jurada']}" icon="ui-icon-alert" />
						</p:commandButton>		
								
					    <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
					        <p:commandButton value="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.si']}" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
					        <p:commandButton value="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.no']}" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
					    </p:confirmDialog>	
					</p:column>
					
				</p:row>
			</p:panelGrid>
			
			 <p:dataTable  id="listaFichasFiscalizables" var="fiscalizacion" value="#{bandejaFiscalizacionBean.listaFiscalizaciones}" style="margin-bottom:0">
		        <p:column headerText="Nombres Apellidos ">
					<h:outputText value="#{fiscalizacion.nombreCompleto}"  />
				</p:column>
				<p:column headerText=" Documento ">
					<h:outputText value="#{fiscalizacion.numDocumento}" >								 
					</h:outputText>
				</p:column>
				<p:column headerText=" RUC ">
					<h:outputText value="#{fiscalizacion.numRuc}" />
				</p:column>
				<p:column headerText=" Tipo Ficha">
					<h:outputText value="#{fiscalizacion.tipoFicha}" />
				</p:column>
				<p:column headerText="ACCIÓN">
						<p:commandButton title="Eliminar" id="btnElimina"
							actionListener="#{bandejaFiscalizacionBean.eliminarFichaDeLista(fiscalizacion.idFicha)}"
							icon="ui-icon-trash" update="listaFichasFiscalizables" />
				</p:column>
		    </p:dataTable>
		    
		    
			<p:blockUI block="listaFichasFiscalizables" widgetVar="bui">
		        	PROCESANDO<br />
		        	<p:graphicImage value="recursos/imagenes/ajaxloadingbar.gif"/>
		    </p:blockUI>
		</div>
	
	<p:dialog id="dialogConfirmacion" header="RESULTADO DE BUSQUEDA" widgetVar="resultadoDialog" appendTo="@(body)" modal="true"
					showEffect="fade" hideEffect="fade" width="700px">
		<h:form>
			 <p:dataTable id="listaFichas" var="fiscalizacion" value="#{bandejaFiscalizacionBean.listaFichas}" 
			 	selection="#{bandejaFiscalizacionBean.listaFichasTemporal}" rowKey="#{fiscalizacion.idFicha}" style="margin-bottom:0"
			 	paginator="true" rows="10" >
		        <p:column selectionMode="multiple" style="width:16px;text-align:center"/>
				<p:column headerText="Nombres Apellidos ">
					<h:outputText value="#{fiscalizacion.nombreCompleto}"  />
				</p:column>
				<p:column headerText=" Documento ">
					<h:outputText value="#{fiscalizacion.numDocumento}" />
				</p:column>
				<p:column headerText=" RUC ">
					<h:outputText value="#{fiscalizacion.numRuc}" />
				</p:column>
				<p:column headerText=" Tipo Ficha">
					<h:outputText value="#{fiscalizacion.tipoFicha}" />
				</p:column>
				<p:column headerText=" Tipo Ficha">
					<h:outputText value="#{fiscalizacion.descEstadoFicha}" />
				</p:column>
		    </p:dataTable>
		    <br/>
			<p:commandButton id="btnCancelar" value="#{rbSirenasUI['sirenas.ui.general.boton.cancelar.label']}"  
				actionListener="#{bandejaFiscalizacionBean.cerrarResultadoPopup()}" 
				icon="ui-icon-close" />
			<p:spacer width="10"/>
			<p:commandButton id="btnAgregar" value="#{rbSirenasUI['sirenas.ui.general.boton.agregar.label']}"  
				actionListener="#{bandejaFiscalizacionBean.agregarFichaSeleccion}" update="@all:listaFichasFiscalizables"
				icon="ui-icon-plusthick" />
		</h:form>	
	</p:dialog>	
	
</ui:composition>